import React from 'react'
import { HeaderWrapper } from './style'
import { Link } from 'react-router-dom'
import Logo from '../Logo'
import Avatar from '../Avatar'
export default function Header() {
  return (
    <HeaderWrapper>
        <Link to="/" className='logo'>
          <Logo />
        </Link>
        <Link to="/space" className='avatar'>
          <Avatar />
        </Link>
        <Link to="/search">
          <i className="icon-search"></i>
        </Link>
    </HeaderWrapper>
  )
}
